// pages/applyForRefund/applyForRefund.js
const app = getApp()
var titleArr = [
  {
    title: '定错了',
    id: 0,
    selectImageUrl: '/images/check_gray.png',
    num: 0
  },
  {
    title: '改定其他房源',
    id: 1,
    selectImageUrl: '/images/check_gray.png',
    num: 0
  },
  {
    title: '行程有变',
    id: 2,
    selectImageUrl: '/images/check_gray.png',
    num: 0
  },
  {
    title: '房屋与描述不符',
    id: 3,
    selectImageUrl: '/images/check_gray.png',
    num: 0
  },
  {
    title: '入住出现问题',
    id: 4,
    selectImageUrl: '/images/check_gray.png',
    num: 0
  },
  {
    title: '其他原因',
    id: 5,
    selectImageUrl: '/images/check_gray.png',
    num: 0
  }
];
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 订单号
    soiId: '',
    // 退款金额
    actualPrice: 0,
    username: '',
    titleArr: titleArr,
    otherHidden: true,
    // 输入其他原因的内容
    otherContent: '',
    // 原因的输入内容
    // 其他原因输入的字数
    inputCount: 0,
    isCanCommite: false,
    // 退款序号
    applyRefundInfo: 99,
    // 判断是从详情还是订单页面进来的
    orderNum: 0, 
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var phoneNumber = wx.getStorageSync('phoneNumber')
    this.setData({
      soiId: options.soiId,
      username: phoneNumber,
      imageUrl: '/images/check_gray.png',
      actualPrice: options.actualPrice,
      orderNum: options.orderNum,
    })
  },
  // 右侧按钮的选中事件
  selectedBtnClick: function (e) {
    var that = this;
    console.log(e)
    var tag = e.currentTarget.dataset.id;
    var imageUrl = "titleArr[" + tag + "].selectImageUrl"
    that.setData({
      applyRefundInfo: tag + 1,
    })
    for (var i = 0; i < that.data.titleArr.length; i++) {
      var noImageUrl = "titleArr[" + i + "].selectImageUrl"
      if (tag == 5) {
        if (i == tag) {
          that.setData({
            otherHidden: false,
            [noImageUrl]: '/images/check_blue.png',
            content: that.data.otherContent,
            isCanCommite: true,
          })
        } else {
          that.setData({
            otherHidden: false,
            [noImageUrl]: '/images/check_gray.png',
          })
        }
      } else {
        if (i == tag) {
          that.setData({
            otherHidden: true,
            [imageUrl]: '/images/check_blue.png',
            content: that.data.titleArr[tag],
            isCanCommite: true,
          })
        } else {
          that.setData({
            otherHidden: true,
            [noImageUrl]: '/images/check_gray.png',
          })
        }
      }
    }
  },
  // 监听textArea输入的变化
  valueChange: function (e) {
    var that = this;
    that.setData({
      otherContent: e.detail.value,
      inputCount: e.detail.value.length,
    })
  },
  /// 点击确认提交按钮
  entrueCommitBtnClick: function () {
    var that = this;
    if (that.data.applyRefundInfo == 6) {
      if (that.data.otherContent.length >= 10) {
        that.loadData()
      } else {
        wx.showToast({
          title: '其他意见至少10个字',
          duration: 2000
        })
      }
    } else {
      that.loadData()
    }
  },
  // 加载数据
  loadData() {
    var that = this;
    wx.showLoading({
      title: '加载中...',
    })
    wx.request({
      url: app.baseNet + 'refund/applyRefund?',
      data: {
        soiId: that.data.soiId,
        applyRefundInfo: that.data.applyRefundInfo,
        otherRefund: that.data.otherContent,
      },
      method: 'GET',
      header: {
        'Content-Type': 'application/json'
      },
      success(res) {
        console.log(res.data)
        wx.hideLoading()
        wx.showToast({
          title: '提交成功',
          duration: 500
        })

        setTimeout(function () {
          if (that.data.orderNum == 1) {
            // 从详情页进来的
            wx.navigateBack({
              delta: 2
            })
          } else {
            // 从订单页面进来的
            wx.navigateBack({
              delta: 1
            })
          }
        }, 1000)
      },
      fail() {
        wx.hideLoading()
      },
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  
  }
})